<template>
	<section>
    <!-- 问题或答案 已删除 已下架 组件 -->
		<div>
			<img src="../assets/image/community/register_bg_wushuju@2x.png" alt="">
			<span>{{message || text[page][state]}}</span>
		</div>
	</section>
</template>

<script>
export default {
  name: "answer-or-question-deteled",
  props: {
    state: {
      type: String,
      validate: v => v in ["unShown", "deteled"]
    },
    page: {
      type: String,
      validate: v => v in ["question", "answer"],
      require: true
    },
    message: String
  },
  data() {
    return {
      text: {
        question: {
          unShown: "该问题已下架",
          deteled: "该问题已删除"
        },
        answer: {
          unShown: "该答案已下架",
          deteled: "该答案已删除"
        }
      }
    };
  },
  created() {
    document.title = "升学在线";
  }
};
</script>

<style lang="scss" scoped>
@import "../styles/mixin.scss";
section {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100vh;
  div {
    position: absolute;
    width: px2rem(340);
    height: px2rem(340);
    top: 19%;
    left: 50%;
    transform: translateX(-50%);
    img {
      width: 100%;
    }
    span {
      font-family: PingFangSC-Regular;
      font-size: 15px;
      color: #999999;
      letter-spacing: 0;
    }
  }
}
</style>
